* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;

  li {
    list-style: none;
  }
  a {
    text-decoration: none;
  }
}
// 清楚input样式
@mixin inp {
  outline-style: none;
  border: none;
}

// 字体样式
/***
  $w字体加粗
  $size字体大小
  $color字体颜色
  $position字体左右位置
  $lingheight字体行高垂直位置
  */
@mixin size($w, $size, $color, $position, $lingheight) {
  font-weight: $w;
  font-size: $size;
  color: $color;
  text-align: $position;
  line-height: $lingheight;
}

@mixin wh($width, $height) {
  width: $width;
  height: $height;
}

//==========1.头部区域========
.header {
  height: 34px;
  border-bottom: 1px solid #eee;
  background-color: #f5f5f5;
  .header-banner {
    @include wh(1200px, 100%);
    margin: 0 auto;

    .site-nav-bd-l {
      li {
        float: left;
        padding: 0 5px;
        a {
          @include size(400, 12px, #6c6c6c, center, 34px);
          &:hover {
            color: #f22e00;
          }
        }
      }
      .menu-hd a {
        @include size(400, 12px, #f22e00, center, 34px);
      }
    }
    .site-nav-bd-r {
      float: right;
      li {
        float: left;
        padding: 0 20px;
        a {
          @include size(400, 12px, #6c6c6c, center, 34px);
          &:hover {
            color: #f22e00;
          }
        }
      }
      .shouye a {
        @include size(400, 12px, #f22e00, center, 34px);
      }
      .gwc {
        background: url(../static/gwc.png) no-repeat left;
      }
      .shoucang {
        background: url(../static/shoucang.png) no-repeat left;
      }
      li:nth-child(5) {
        background: url(../static/jiantou.png) no-repeat right;
      }
      li:nth-child(6) {
        background: url(../static/jiantou.png) no-repeat right;
      }
      li:nth-child(7) {
        background: url(../static/jiantou.png) no-repeat right;
      }
    }
  }
}

// ========logo区域==========
.logo {
  height: 43px;
  padding: 20px 0;
background-color: #fff;
  .logo-banner {
    @include wh(1200px, 43px);
    margin: 0 auto;
    .loging {
      float: left;
      @include wh(130px, 43px);
    }
    .zhuce {
      float: left;
      margin-left: 10px;
      line-height: 43px;
      color: #3c3c3c;
      font-weight: 400;
    }
  }
}

// ============注册区域==============
.pc-reg {
  min-height: 400px;
  padding-top: 50px;
 -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #ffffff;
  margin-top: 60px;
  .reg-form {
    width: 420px;
    height: 400px;
    margin: 0 auto;
    .cuowutishi1,.cuowutishi2{
     margin-left: 100px;
     font-size: 12px;
     padding: 10px 0;
    color: red;
    }
    input {
      @include wh(288px, 34px);
      outline-style: none;
      padding-left: 20px;
      border: none;
      border: 1px solid #d6d6d6;
    }

    .yhm {
      width: 100%;

      label {
        color: #111111;
      }
    }
    .mima {
      width: 100%;
      margin-top: 30px;
      label {
        color: #111111;
      }
    }
    .buttons {
      display: block;
      border-radius: 3px;
      background-color: #ffc680;
      margin: 35px auto;
      @include wh(320px, 36px);
      @include size(400, 14px, #ffffff, center, 36px);
    }
    .xieyi {
      font-size: 12px;
      color: #999999;
      a {
        color: #ff5000;
      }

     
    }
    .to-email-reg {
      width: 100%;
      text-align: right;
      margin-top: 30px;
      a {
        color: #ff5000;
        font-size: 12px;
      }
    }
  }
}

// footer尾部区域
.footer{
    // min-height: 300px;
.footer-banner{
    width: 1200px;
    min-height: 200px;
    margin: 0 auto;
    
    .one{
        width: 100%;
        height: 50px;
       border-top: 1px solid #ddd;
       border-bottom: 1px solid #ddd;
        
        li{
            float: left;
            line-height: 50px;
            text-align: center;
            font-size: 12px;
            color: #6c6c6c;
           
            a{
                color: #6c6c6c;
                &:hover{
                    color: #f40;
                }
            }
            span{
                margin:0 10px;
            }
        }
        li:first-child{
            margin-left: 150px;
            
        }
    }
    .two{
        padding: 8px 0;
        li{
            float: left;
            padding:0 8px; 
            @include size(400,12px,#9c9c9c,center,20px);
            a{
             color:#6c6c6c;   
             &:hover{
                 color: #f40;
             }
            }
        }
        li:first-child{
            float: left;
            margin-left: 150px;
            // @include size(400,12px,#9c9c9c,center,); 
        } 
        li:last-child{
            span{
               margin-right: 10px;
            }
        }
  
    }
    .three{
    padding: 15px 0;
    li:first-child{
        margin-left: 180px;
    }
    li{
        float: left;
        padding: 0 8px;
        color: #9c9c9c;
        @include size(400,12px,#9c9c9c,center,20px);
        span{
            color: #9c9c9c;
            font-size: 12px;
        }
        a{
          @include size(400,12px,#6c6c6c,center,20px);
          &:hover{
              color: #f40;
          }
        }
    }
    }
}
}
